﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/jquery.lightBox.css" type="text/css" media="all"/>
</head>

<body>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<img src="images/1.jpg" alt=""/>
<a id="popLink" href="#">点击弹出</a>
<a id="popLink2" href="#">点击弹出2</a>
<div id="popBox">
	<h2>我是一个弹出窗11111</h2>
	<div>
		我是内容
	</div>
</div>
<div id="popBox2">
	<h2>我是一个弹出窗222</h2>
	<div>
		我是内容
	</div>
</div>

<script src="js/sea.js" language="javascript"></script>	
<script>
  seajs.config({
    alias: {
      'jquery': './js/jquery'
    }
  })

  seajs.use(['jquery','./js/jquery.lightBox'],function($,lightBox){
		lightBox($);
		$(function(){
		  	$("#popLink").click(function(){
			  $("#popBox2").lightBox({model:false});	
			  return false;		
			})
  		})
	
  })
</script>
</body>
</html>
